<template>
	<view class="">
		<el-row class="top">
			<el-col :span="18"></div><img @click="vk.navigateTo('/pages/index/index');" class="imglogo"
					src="../../static/imgs/logozzzz.png"></img></el-col>
			<el-col :span="6"><el-button @click="goSearch()" class="top-btn" icon="el-icon-search"
					circle></el-button></el-col>
		</el-row>
		<view class="nvaview">
			<el-row class="nva">
				<el-col :span="6"><el-button class="nva-btn" type="danger"
						@click="gomore('wzsy')">网站首页</el-button></el-col>
				<el-col :span="6"><el-button class="nva-btn" type="danger"
						@click="gomore('xhgk','xhgk')">协会概况</el-button></el-col>
				<el-col :span="6"><el-button class="nva-btn" type="danger"
						@click="gomore('zcfg,gjzcfg,bszcfg,wszcfg,szzcfg','zcfg')">政策法规</el-button></el-col>
				<el-col :span="6"><el-button class="nva-btn" type="danger"
						@click="gomore('xwzx,llyj,mxrw,hyfc,xhwj,zlxz','xwzx')">新闻资讯</el-button></el-col>
				<el-col :span="6"><el-button class="nva-btn" type="danger"
						@click="gomore('xhhd,xhhd-lsnh,xhhd-dyhd,xhhd-sjjl,xhhd-jxtj,xhhd-xhjy','xhhd')">协会活动</el-button></el-col>
				<el-col :span="6"><el-button class="nva-btn" type="danger"
						@click="gomore('mxrw','mxrw')">民校人物</el-button></el-col>
				<el-col :span="6"><el-button class="nva-btn" type="danger"
						@click="gomore('djgz,djgz-gzdt,djgz-jyts,djgztzgg','djgz')">党建工作</el-button></el-col>
				<el-col :span="6"><el-button class="nva-btn" type="danger"
						@click="gomore('djgztzgg','djgztzgg')">通知公告</el-button></el-col>
				<el-col :span="6"><el-button class="nva-btn" type="danger"
						@click="gomore('hyfc','hyfc')">会员风采</el-button></el-col>
			</el-row>
		</view>
		<!-- 		<view class="nva">
			<el-button-group>
			  <el-button class="nva-btn" type="danger">协会概况</el-button>
			  <el-button class="nva-btn" type="danger">政策法规</el-button>
			  <el-button class="nva-btn" type="danger">新闻资讯</el-button>
			  <el-button class="nva-btn" type="danger">协会活动</el-button>
			  <el-button class="nva-btn" type="danger">党建工作</el-button>
			</el-button-group>
		</view> -->
	</view>
</template>

<script>
	var vk = uni.vk;
	export default {
		foot: "html-headh5",
		data() {
			// 页面数据变量
			return {
				options: {

				}
			}
		},
		// 监听 - 页面每次【加载时】执行(如：前进)
		onLoad(options = {}) {
			vk = uni.vk;
			this.options = options;

		},
		// 监听 - 页面【首次渲染完成时】执行。注意如果渲染速度快，会在页面进入动画完成前触发
		onReady() {

		},
		// 监听 - 页面每次【显示时】执行(如：前进和返回) (页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面)
		onShow() {

		},
		// 监听 - 页面每次【隐藏时】执行(如：返回)
		onHide() {

		},
		// 函数
		methods: {
			goSearch() {
				vk.navigateTo('/pages/ydd/search');
			},
			gomore(datas, xwlx) {
				//console.log(datas)
				if ('wzsy' == datas) {
					vk.navigateTo('/pages/index/index');
				} else {
					vk.navigateTo('/pages/ydd/list?tempdata=' + datas + '&xwlx=' + xwlx);
				}


			},
		}
	}
</script>
<style lang="scss" scoped>
	.top {
		//height: 60px;
		background-color: #ba1c1b;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-around;
	}

	.top-btn {}

	.imglogo {
		width: 280px;
		height: 60px;
	}

	.nva {
		margin: 0px 1px 1px 1px;
		height: 80px;

	}

	.nvaview {
		background-color: #ba1c1b;
		height: 126px;
		width: 100%;
	}

	.nva-btn {
		margin: 1px;
		// padding: 20px;
		color: #FFF;
		background-color: #d80a16;
		border-color: #d80a16;
	}
</style>